<ion-view view-title="首页">
  <ion-content direction="y" overflow-scroll="false" scrollbar-y="false">
    <div class="jw-main">
      <div class="home-slide">
        <ion-slide-box does-continue="true" auto-play="true" slide-interval="3000" >
          <ion-slide>
            <img src="img/adam.jpg">
          </ion-slide>
          <ion-slide>
            <img src="img/adam.jpg">
          </ion-slide>
          <ion-slide>
            <img src="img/adam.jpg">
          </ion-slide>
        </ion-slide-box>
      </div>
      <div class="js-sort">
          <div class="row" ng-repeat="inline in roleArray">
            <a ng-repeat="role in inline" class="col col-25"  ng-click="chooseRole(role.id,role.identity)" ><div class="sort-item"><img src="{{role.imageUrl}}"><div>{{role.identity}}</div></divv></div></a>
          </div>
      </div>
      <div class="integral">
        <img src="img/mike.png" >
      </div>
      <div class="ranking-list">
        <div  style="margin: 10px;font-size: 18px;"><span>服务人员排行榜</span></div>
        <div class="rank-item">
          <ul>
            <li style="border: 1px gainsboro solid;"  ng-repeat="trank in trankList" ng-click="findPersonInfo(trank.id)">
              <div class="rank-item-img"><img src="{{picurl}}{{trank.headImgUrl}}" onerror="this.src='img/mike.png'"></div>
              <div class="rank-item-text">
                <div>{{trank.name}}</div>
                <div>{{trank.nativePlace}} {{trank.workExperience}} 空闲</div>
                <div>等级：<span id="home_{{$index}}"></span></div>
                <div>查看详情</div>
              </div>
              <div ><img style="position: absolute;right: 10px;width: 48px;" src="img/tips.png"></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </ion-content>
</ion-view>
